<template>
  <v-card title="环饼图">
    <vcu-chart-pie :data="chartData" :settings="settings" />
  </v-card>
</template>

<script>
export default {
  name: 'pie-donut',
  data() {
    return {
      chartData: [
        {
          dimensions: {
            name: '渠道',
            data: ['移动设备', 'PC'],
          },
          measures: [
            {
              name: 'PV',
              data: [150000, 90000],
            },
          ],
        },
        {
          dimensions: {
            name: '渠道',
            data: ['APP', 'M端', '微信', '手Q', '小程序', 'PC'],
          },
          measures: [
            {
              name: 'PV',
              data: [40000, 30000, 20000, 50000, 10000, 90000],
            },
          ],
        },
      ],
      settings: [
        {
          selectedMode: 'single',
          radius: [0, '30%'],
          labelLine: {
            normal: {
              show: false,
            },
          },
          label: {
            normal: {
              position: 'inner',
            },
          },
        },
        {
          selectedMode: 'single',
          radius: ['40%', '55%'],
        },
      ],
    }
  },
  methods: {},
  created() {},
}
</script>
<style lang="less" scoped>
</style>
